<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
</head>
<body>
    <h1>合理化管理</h1>
    <div>
        <table id="demo" lay-filter="test"></table>
    </div>
</body>
<script th:src="@{/layui/layui.js}"></script>
<script type="text/html" id="addbtn">
    <button type="button" th:value="${id}"  id="addEngin" class="layui-btn">新增</button>
</script>
<script th:inline="none">
    layui.use(['form','table'], function() {
        var form = layui.form
        var table = layui.table

        table.render({
            elem: '#demo'
            , url: '/test' //数据接口
            , page: true //开启分页
            ,toolbar: '#addbtn' //开启表头工具
            ,defaultToolbar: ['filter', 'print', 'exports']
            , cols: [[ //表头
                {type: 'numbers', title: '序号', width: 80, fixed: 'left',sort: true,fixed: 'left'}
                , {field: 'name', title: '填写人'}
                , {field: 'name', title: '内容总结简称', width: 200}
                , {field: 'name', title: '总结内容', width: 200}
                , {field: 'name', title: '更新时间', width: 200}
                , {field: 'age', title: '操作', width: 160,fixed: 'right',templet: function (d) {
                        return `
                        <button lay-flag="porject" type="button" lay-id="event" class="layui-btn  layui-btn-xs" lay-msg="${d.age}">编辑</button>
                        <button lay-flag="porject" type="button" lay-id="summary" class="layui-btn layui-btn-danger layui-btn-xs" lay-msg="${d.age}">下载</button>
                        `
                    }}
            ]]
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": 0, //解析接口状态
                    "msg": '无数据', //解析提示文本
                    "count": res.length, //解析数据长度
                    "data": res //解析数据列表
                };
            }
        });

    })
</script>
</html>